<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们 {$site_name}</title>
<meta name="keywords" content="{$site_seo_keywords}" />
<meta name="description" content="{$site_seo_description}">
<script src="http://api.map.baidu.com/api?v=1.3"></script>
<tc_include file="Public:head" />
    <body>
      <tc_include file="Public:nav" />
      <div class="section slice no-padding">
        <div id="mapCanvas" class="map-canvas no-margin" style="height: 400px;">
          <script type="text/javascript">
            var map = new BMap.Map("mapCanvas"); // 创建Map实例
            var point = new BMap.Point("105.954824", "29.361568"); // 创建点坐标
            map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别。
            map.enableScrollWheelZoom(); //启用滚轮放大缩小
            //添加缩放控件
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.ScaleControl());
            map.addControl(new BMap.OverviewMapControl());

            var marker = new BMap.Marker(point); // 创建标注
            map.addOverlay(marker); // 将标注添加到地图中
            var infoWindow = new BMap.InfoWindow("木禧传媒<br/><span class=''>地址：重庆市永川区服务外包园B区4号楼1层</span>"); // 创建信息窗口对象
            marker.openInfoWindow(infoWindow);
          </script>
        </div>
      </div>
      <div id="fh5co-footer" role="contentinfo" >
    		<div class="container">
    			<div class="row">
    				<div class="col-md-6 to-animate">
              <h3  class="section-title">联系方式</h3>
              <ul class="contact-info">
                <li><i class="glyphicon glyphicon-map-marker"></i>重庆市永川区服务外包园B区4号楼1层</li>
                <li><i class="glyphicon glyphicon-earphone"></i>15825923500</li>
                <li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:{$site_admin_email}">{$site_admin_email}</a></li>
                <li><i class="glyphicon glyphicon-home"></i><a href="#">www.muxi.com</a></li>
              </ul>
              <h3 class="section-title" >在线咨询</h3>
              <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=769356353&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:479923197:51" alt="点击这里给我发消息" title="点击这里给我发消息" /></a>

    				</div>


    				<div class="col-md-6 to-animate">
    					<h3 class="section-title" >在线留言</h3>
    					<form class="contact-form js-ajax-form" role="form" method="post" action="{:U('api/guestbook/addmsg')}" autocomplete="off">
    						<div class="form-group">
    							<label for="name" class="sr-only">姓名</label>
    							<input type="name" class="form-control" id="name" name="full_name" placeholder="姓名" >
    						</div>
    						<div class="form-group">
    							<label for="email" class="sr-only">邮箱</label>
    							<input type="email" class="form-control" id="email" name="email" placeholder="邮箱">
    						</div>
    						<div class="form-group">
    							<label for="message" class="sr-only">内容</label>
    							<textarea class="form-control" id="message" rows="7" name="msg" placeholder="内容"></textarea>
    						</div>
                <div class="form-group">
    							<label for="email" class="sr-only">验证码</label>
                  {:sp_verifycode_img('length=4&font_size=16&width=150&height=34&use_noise=1&use_curve=0','style="cursor:pointer;vertical-align: top;" title="点击获取"')}

    							<input type="text" class="form-control" id="verify" name="verify" placeholder="验证码">
    						</div>
    						<div class="form-group">
    							<button type="submit" class="btn  btn-success"  >提交</button>
    						</div>
    					</form>
    				</div>
    			</div>
    		</div>
    	</div>
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog "  style="z-index:2000">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <h4 class="modal-title" id="myModalLabel">木禧提示</h4>
            </div>
            <div class="modal-body">
              ...
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
          </div>
        </div>
      </div>

      <tc_include file="Public:foot" />
      <script src="__PUBLIC__/js/ajaxForm.js" charset="utf-8"></script>
      <script type="text/javascript">
      $(document).ready(function() {
       // bind 'myForm' and provide a simple callback function
       $('.js-ajax-form').ajaxForm(function(data) {
        $('#myModal .modal-body').html(data.info);
           $('#myModal').modal('show');
        });
      });
      </script>
